<div class="ticks-headers">
  <div class="tick-header">
    <span class="tick-cell">时间</span>
    <span class="tick-cell">价格</span>
    <span class="tick-cell">交易量</span>
  </div>
  <div class="tick-header">
    <span class="tick-cell">时间</span>
    <span class="tick-cell">价格</span>
    <span class="tick-cell">交易量</span>
  </div>
  <div class="tick-header">
    <span class="tick-cell">时间</span>
    <span class="tick-cell">价格</span>
    <span class="tick-cell">交易量</span>
  </div>
  <div class="tick-header">
    <span class="tick-cell">时间</span>
    <span class="tick-cell">价格</span>
    <span class="tick-cell">交易量</span>
  </div>
</div>
<div #ticksContainer draggable="false" resizing (afterResizing)="onResizing($event)" class="ticks-container">
  <div class="ticks-background" draggable="false">
    <div class="ticks-background-row" draggable="false" *ngFor="let row of backgroundList"></div>
  </div>
  <div class="ticks-main" draggable="false">
    <!--<tick-series-tick draggable="false" #ticksome class="tick" *ngFor="let tick of ticks; trackBy: tickTrackBy" [tick]="tick">-->
    <tick-series-tick draggable="false" #ticksome class="tick" *ngFor="let tick of ticks" [tick]="tick">
    </tick-series-tick>
  </div>
  <cm-scroll-bar [elem]="ticksContainer" [scrollBarSource]="scrollBarSource" (onScroll)="updateVisibleData($event)"></cm-scroll-bar>
  <!--<tick-series-tick #ticksome class="tick" [tick]="{time: '2016-12-24 8:00:00', symbol: 'TestSockt'}">
  </tick-series-tick>-->
</div>